<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>速乐约官网-产品</title>
        <link rel="stylesheet" href="css/uikit.css" />
        <link rel="stylesheet" type="text/css" href="css/components/slideshow.css">
        <link rel="stylesheet" href="css/style.css" />
        <script src="js/jquery.min.js"></script>
        <script src="js/uikit.min.js"></script>
        <script>
            $(document).ready(function(){
                $('.gotop').on({click: function(){
                            document.body.scrollTop = 0;
                            document.documentElement.scrollTop = 0;

                    }
                })
                
            })
        </script>
    </head>
    <body>
        <header>
            <div class="flexR head">
                <a href="index.html" class="logo">
                    <img src="images/logo.png" />
                </a>
                <button class="uk-button navBtn" type="button">
                    <img src="images/btn.png" />
                </button>
                <nav uk-dropdown>
                    <ul class="navclass flexC uk-nav uk-dropdown-nav">
                        <li  class="active">
                            <a href="index.html" class="curra">首页</a>
                        </li>
                        <li>
                            <a href="about.html" class="curra">关于我们</a>
                        </li>
                        <li>
                            <a href="product.html" class="curra">产品中心</a>
                            <div uk-dropdown="animation: uk-animation-slide-top-small; duration: 500;delay-hide:100">
                                <ul class="uk-nav uk-dropdown-nav"  >
                                    <li>
                                        <a href="price.html" >产品报价</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="free.html" class="curra">免费试用</a>
                        </li>
                        <li>
                            <a href="login.html" class="curra">用户登录</a>
                        </li>
                        <li>
                            <a href="contact.html" class="curra">联系我们</a>
                        </li>
                    </ul>
                </nav>
          </div>
        </header>
        <section class="pro_ban">
            <div class="contairn">
                <img src="images/66.png" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true" />
                <p>大核心</p>
                <h1 uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">照相馆SAAS系统 </h1>
                <span uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">助力于新型照相馆行业，轻松做好门店生意</span>
                <a href=""  uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">免费试用</a>
            </div>
        </section>
        <section>
            <div class="prolist">
               
                <div class="proItems">
                    <div class="proItem contairn">
                        <div uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">
                            <img src="images/inlogo.png" uk-scrollspy="cls: uk-animation-slide-left; repeat: true" />
                            <h3>一站式全解决</h3>
                            <p>专注于为新型照相馆用户提供一站式流程管理信息化技术服务，帮助门店现从客户预约、活动营销、内部协作、结算收银、数据管理一站式完善的全流程解决方案。</p>
                        </div>
                        <img src="images/p_03.png" class="number" uk-scrollspy="cls: uk-animation-slide-right; repeat: true" />
                    </div>
                   
                </div>
               
                <div class="proItems">
                    <div  class="parrow-bottom" ></div>
                    <div class="proItem contairn">
                       
                        <div uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">
                            <img src="images/shlogo.png" uk-scrollspy="cls: uk-animation-slide-left; repeat: true" />
                            <h3>24小时门店在线</h3>
                            <p>门店小程序打造24小时在线门店<br>
                                线上展示品牌调性、门店产品，成为线上的品牌展示窗户。</p>
                        </div>
                        <img src="images/p_09.png" class="number" uk-scrollspy="cls: uk-animation-slide-right; repeat: true" />
                    </div>
                </div>
                <div class="proItems">
                    <div class=" proItem contairn">
                        <div uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">
                            <img src="images/inlogo.png" uk-scrollspy="cls: uk-animation-slide-left; repeat: true" />
                            <h3>营销模块</h3>
                            <p>拼团、秒杀、砍价等裂变软件，帮助门店引爆客流，提升销售额</p>
                        </div>
                        <img src="images/p_13.png" class="number" uk-scrollspy="cls: uk-animation-slide-right; repeat: true" />
                    </div>
                </div>
                <div class="proItems">
                    <div class=" proItem contairn">
                       
                        <div uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">
                            <img src="images/shlogo.png" uk-scrollspy="cls: uk-animation-slide-left; repeat: true"/>
                            <h3>数据模块</h3>
                            <p>客户数据留存和备份、内部数据存储和传输、大数据管理和分析全方位数据统计：订单数据、客户数据、经营数据、员工考核数据、营销数据</p>
                        </div>
                        <img src="images/p_17.png" class="number" uk-scrollspy="cls: uk-animation-slide-right; repeat: true" />
                    </div>
                </div>
                <div class="proItems">
                    <div class=" proItem contairn">
                        
                        <div uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">
                            <img src="images/inlogo.png" uk-scrollspy="cls: uk-animation-slide-left; repeat: true" />
                            <h3>全流程交互</h3>
                            <p>客户数据留存和备份、内部数据存储和传输、大数据管理和分析</p>
                        </div>
                        <img src="images/p_21.png" class="number" uk-scrollspy="cls: uk-animation-slide-right; repeat: true" />
                    </div>
                </div>
                <div class="proItems">
                    <div class=" proItem contairn">
                        <div uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">
                            <img src="images/shlogo.png" uk-scrollspy="cls: uk-animation-slide-left; repeat: true" />
                            <h3>内部协作管理系统</h3>
                            <p>服务环节流程交互>员工绩效提成统计>支持只能修图流程>
                                实现支付收银功能>实现财务统计功能</p>
                        </div>
                        <img src="images/p_25.png" class="number" uk-scrollspy="cls: uk-animation-slide-right; repeat: true" />
                    </div>
                </div>
            </div>
        </section>
        <footer>
            <div class="foot">
                <div class="foot_right">
                    <div>
                        <img src="images/ewm.png" />
                        <span>客服微信</span>
                    </div>
                    <!-- <div  uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">
                        <img src="images/ewm_two.png" />
                        <span>客服微信</span>
                    </div> -->
                </div>
                <div class="footTel">
                    <p>联系方式：王经理 139-1303-8359</p>
                    <p>公司地址：江苏省南京市凤华路18号紫金（雨花）<br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;     科技创业特别社区2栋阿尔法楼B301</p>
                    <img src="images/topbtn.png" class="gotop" />
                </div>
            </div>
        </footer>
    </body>
</html>